<template>
	<view class="content-tabar">
		<view class="header">
			<view class="header-my">我的</view>
			<view class="header-info flex-row">
				<image class="header-info-img" src="../../static/user/head-img.png" mode="widthFix"></image>
				<view class="flex-column header-info-naph">
					<view class="header-info-name" v-if="isLogin===false" @tap="gologin">昵称/登录</view>
					<view class="header-info-name" v-if="isLogin===true">沐雨轩</view>
					<view class="header-info-phone" v-if="isLogin==true">12345678910</view>
				</view>
			</view>
		</view>
		<view class="centen-cent">
			<view class="centen-cent-ones">
				<view class="flex-row flex-content-between flex-item-center">
					<view class="flex-row">
						<image class="centen-cent-ones-img1" src="../../static/user/gwc.png" mode="scaleToFill"></image>
						<view class="centen-cent-ones-text1">购物车</view>
					</view>
					<image class="centen-cent-ones-img2" src="../../static/order/xiangyou.png" mode="scaleToFill"></image>
				</view>
			</view>
			<view class="centen-cent-ones">
				<view class="flex-row flex-content-between flex-item-center">
					<view class="flex-row">
						<image class="centen-cent-ones-img1" src="../../static/user/dingdan.png" mode="scaleToFill"></image>
						<view class="centen-cent-ones-text1">订单管理</view>
					</view>
					<image class="centen-cent-ones-img2" src="../../static/order/xiangyou.png" mode="scaleToFill"></image>
				</view>
			</view>
			<view class="centen-cent-ones">
				<view class="flex-row flex-content-between flex-item-center">
					<view class="flex-row">
						<image class="centen-cent-ones-img1" src="../../static/user/tuichu.png" mode="scaleToFill"></image>
						<view class="centen-cent-ones-text1">退出登录</view>
					</view>
					<image class="centen-cent-ones-img2" src="../../static/order/xiangyou.png" mode="scaleToFill"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				isLogin:false
			}
		},
		methods:{
			gologin(){
				uni.navigateTo({
					url:'/pages/user/login'
				})
			}
		}
	}
</script>

<style lang="scss">
	.centen-cent{
		width: 690rpx;
		// height: 200rpx;
		background-color: #FFFFFF;
		margin-top: 20rpx;
		margin-left: 30rpx;
	}
	.centen-cent-ones{
		width: 670rpx;
		height: 100rpx;
		border-bottom: 2px solid #F4F4F4;
		margin-left: 20rpx;
		line-height: 100rpx;
	}
	.centen-cent-ones-img1{
		width: 38rpx;
		height: 40rpx;
		margin-top: 30rpx;
	}
	.centen-cent-ones-img2{
		width: 12rpx;
		height: 22rpx;
		margin-right: 20rpx;
	}
	.centen-cent-ones-text1{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		margin-left: 26rpx;
	}
	.header{
		width: 750rpx;
		height: 420rpx;
		background-image: url('../../static/user/bg.png');
		background-size: 100%;
	}
	.header-my{
		padding-top: 110rpx;
		font-size: 34rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
	}
	.header-info{
		margin-top: 72rpx;
		margin-left: 30rpx;
	}
	.header-info-img{
		width: 104rpx;
		border-radius: 52rpx;
	}
	.header-info-naph{
		margin-left: 20rpx;
	}
	.header-info-name{
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: $default-button-foncolor;
		// margin-left: 20rpx;
	}
	.header-info-phone{
		font-size: 24rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		margin-top: 10rpx;
		
	}
</style>